<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Kanji</title>
<!-- jQuery Mobile references -->
<link rel="stylesheet" href="css/jquery.mobile-1.4.2.min.css" />
<script src="js/jquery-2.1.0.min.js"></script>
<script src="js/jquery.mobile-1.4.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"></script>
<script type="text/javascript" src="js/phonegap-1.1.0.js"></script>
<script type="text/javascript" src="js/localstorage.js"></script>
<script type="text/javascript" src="js/test.js"></script>
<style type="text/css">
a{
text-decoration: none;
text-align: center;
}

#wrap{
text-align: center;
text-shadow: red;
}
</style>

</head>
<body onload="connectDB();">
	<!-- Start of first page -->
	<div data-role="page" id="test_type">
		<div data-role="header" data-theme="b" data-position="fixed">
			<a href="index.html" data-ajax="false" id="btnBack" data-icon="back">Back</a>
			<h1>Inspection forms</h1>
		</div>
		<!-- /header -->
		<div role="main" class="ui-content">
			
			<ul data-role="listview" id="test-typle-list">
			</ul>
							
		</div>
		<!-- /content -->
	</div>
	<!-- /page -->
	
	<!-- Start of second page -->
	<div data-role="page" id="chooselesson">
		<div data-role="header" data-theme="b" data-position="fixed">
			<a href="#test_type" data-direction="reverse" data-icon="back" >Back</a>
			<h1>Lesson</h1>
		</div>
		<!-- /header -->

		<div role="main" class="ui-content">
		    <!-- <div id="lesson_list">
			</div>  -->
			
			<ol data-role="listview" id="lessonlist" class="split-list">
			
			</ol>
		</div>
		<!-- /content -->
	</div>
	<!-- /page -->
</body>
</html>